import React, { Component } from 'react'
import { Grid } from 'antd-mobile';

const data = Array.from(new Array(9)).map((_val, i) => ({
  icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
  text: `name${i}`,
}));

const data1 = Array.from(new Array(9)).map(() => ({
  icon: 'https://gw.alipayobjects.com/zos/rmsportal/WXoqXTHrSnRcUwEaQgXJ.png',
}));

const MyGrid = () => (
  <div className='choice' style={{ paddingTop: '85px', paddingBottom: '20px' }}>
  <div style={{ fontSize: '1.5em', fontWeight: 'bold' }}>地点</div>
  {/* 三个代表地区的横排li */}

  <ul style={{ margin: '0 auto', width: '100%' }}>
  <div className="sub-title">Carousel</div>
    <Grid data={data} isCarousel onClick={_el => console.log(_el)} />
</ul>
</div>


    


);

export default MyGrid